<template>
    <div>    
        <el-table :data="tableData" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" style="width: 100%;">
            
            <el-table-column prop="" label="日期" width="200">
                <template slot-scope="scope">
                    <img :src="scope.row.date" width="100px" height="100px" alt="">
                </template>
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="200"></el-table-column>
            <el-table-column prop="address" label="地址" width="200"></el-table-column>
            <el-table-column prop="" label="Action"><a href="#">退订</a></el-table-column>
        </el-table>
        <div class="foot">
            <div style="float:right; margin-top:5px;">
                <label>已购{{count}}件，共计{{money}}</label>
            </div>
        </div>
    </div>
</template>
<style scoped>
    .foot{
        width: 100%;
        background-color: darkgrey;
    }
</style>
<script>
export default {
  name:"Return",
  data() {
    return {
      count:0,
      money:0.00,
      tableData: [
        {
          date: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1262609278,82515806&fm=26&gp=0.jpg",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: require("@/style/images/logo.png"),
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄"
        },
        {
          date: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1279115144,2362469614&fm=26&gp=0.jpg",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄"
        },
        {
          date: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2125785926,1579346115&fm=26&gp=0.jpg",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄"
        }
      ]
    };
  },
  methods:{
   
  }
};
</script>